@charset "utf-8";
.xans-order-form .orderStep {}

.xans-order-form .bankBenefit { position:relative; line-height:1.5; background:#92b3e5 url("http://img.echosting.cafe24.com/design/skin/default_cn/order/bg_dcinfo1.gif") repeat-x 0 0; }
.xans-order-form .bankBenefit h3 { position:absolute; left:0; top:0; width:75px; padding:12px 0 11px; color:#fff; font-size:12px; font-weight:normal; text-align:center; }
.xans-order-form .bankBenefit .info { margin:0 0 0 75px; padding:13px 0 11px 20px; color:#747474; font-size:11px; background:#d4d4d4 url("http://img.echosting.cafe24.com/design/skin/default_cn/order/bg_dcinfo2.gif") repeat-x 0 0; *zoom:1; }
.xans-order-form .bankBenefit .info:after { content:""; display:block; clear:both; }
.xans-order-form .bankBenefit .info .member { float:left; width:360px; border-right:1px dotted #fff; }
.xans-order-form .bankBenefit .info .member p {}
.xans-order-form .bankBenefit .info .member ul { padding:0 0 0 9px; background:url("http://img.echosting.cafe24.com/design/skin/default_cn/order/ico_dcinfo2.gif") no-repeat 0 3px; }
.xans-order-form .bankBenefit .info .member li { margin:5px 0 0; }
.xans-order-form .bankBenefit .info .mileage { float:left; margin:0 0 0 15px; }
.xans-order-form .bankBenefit .info .mileage li { float:left; padding:0 0 0 6px; background:url("http://img.echosting.cafe24.com/design/skin/default_cn/order/ico_dcinfo.gif") no-repeat 0 4px; }
.xans-order-form .bankBenefit .info .mileage li:first-child { padding-right:30px; }
.xans-order-form .bankBenefit .info .mileage li a { color:#747474; }

.xans-order-form .titleArea,
.xans-order-form .titleArea h3 { margin:0 0 7px; }
.xans-order-form .titleArea h3 { margin-top:40px; }
.xans-order-form .titleArea h3 img { vertical-align:middle; }
.xans-order-form .titleArea .button { margin:-28px 0 0; text-align:right; }
.xans-order-form input,
.xans-order-form textarea { padding:4px; border:1px solid #d9d9d9; color:#000; font-size:12px; }
.xans-order-form select { height:24px; margin:0 4px 0 0; }
.xans-order-form input[type=radio],
.xans-order-form input[type=checkbox] { width:14px; height:14px; margin:0 3px 0 0; padding:0; border:0; }
.xans-order-form .txtByte strong { color:#3b86f5; }
.xans-order-form .orderArea div.grid,
.xans-order-form .orderArea p.grid { margin:7px 0 0; }
.xans-order-form .orderArea ul.grid li { margin:5px 0 0; }
.xans-order-form .orderArea ul.list { margin:7px 0 0 20px; line-height:20px; }
.xans-order-form .orderArea ul.list li { padding:0 0 0 9px; color:#747474; font-size:11px; background:url("http://img.echosting.cafe24.com/design/skin/default_cn/order/ico_dcinfo.gif") no-repeat 0 7px; }
.xans-order-form .orderArea ul.list a { color:#78a6ed; }
.xans-order-form .orderArea p.required { margin:-25px 0 10px; color:#6292db; font-size:11px; text-align:right; }
.xans-order-form .orderArea p.required img { vertical-align:middle; }

.xans-order-form .boardList { color:#747474; font-size:12px; }
.xans-order-form .boardList th { padding:9px 0 7px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; font-weight:normal; background:#f6f6f6; }
.xans-order-form .boardList td { padding:20px 0 20px; border-top:1px dotted #e3e3e3; line-height:1.5; text-align:center; vertical-align:middle; }
.xans-order-form .boardList input[type=radio],
.xans-order-form .boardList input[type=checkbox] { margin:0; }
.xans-order-form .boardList .chk { width:20px; }
.xans-order-form .boardList .thumb { width:72px; }
.xans-order-form .boardList .product { width:auto; }
.xans-order-form .boardList .price { width:80px; }
.xans-order-form .boardList .quantity { width:54px; }
.xans-order-form .boardList .mileage { width:68px; }
.xans-order-form .boardList .delivery { width:62px; }
.xans-order-form .boardList .charge { width:68px; }
.xans-order-form .boardList .total { width:88px; }
.xans-order-form .boardList .point { width:143px; }
.xans-order-form .boardList td.thumb img { width:72px; }
.xans-order-form .boardList td.product { padding-left:10px; text-align:left; vertical-align:top; }
.xans-order-form .boardList td.product a { color:#747474; }
.xans-order-form .boardList td.product div.option { margin:5px 0 0; padding:0 0 0 5px; color:#80aeef; line-height:15px; background:url("http://img.echosting.cafe24.com/design/skin/default_cn/order/ico_option.gif") no-repeat 0 5px; }
.xans-order-form .boardList td.product ul.option { color:#80aeef; line-height:15px; }
.xans-order-form .boardList td.product ul.option li { padding:0 0 0 5px; margin:5px 0 0; background:url("http://img.echosting.cafe24.com/design/skin/default_cn/order/ico_option.gif") no-repeat 0 5px; }
.xans-order-form .boardList td.product ul.option li li { color:#b9b9b9; }
.xans-order-form .boardList td.product .free,
.xans-order-form .boardList td.product .period { margin:5px 0 0; }
.xans-order-form .boardList td.mileage,
.xans-order-form .boardList td.delivery { color:#b9b9b9; }
.xans-order-form .boardList td.mileage img { vertical-align:middle; }
.xans-order-form .boardList td.total { font-weight:bold; }
.xans-order-form .boardList tfoot td { padding:20px 20px 15px; border-top:1px solid #d8d8d8; border-bottom:1px solid #eee; background:#f5f5f5; text-align:right; }
.xans-order-form .boardList tfoot td .type { float:left; color:#000; font-weight:normal; }
.xans-order-form .boardList tfoot td .total { color:#000; }
.xans-order-form .boardList tfoot td .total span { font-size:14px; }

.xans-order-form .boardList.giftList { border-bottom:1px solid #c0c0c0; }
.xans-order-form .boardList.giftList td.product ul { margin:15px 0 0; }
.xans-order-form .boardList.giftList td.product li { margin:5px 0 0; }
.xans-order-form .boardList.giftList td.product select { width:130px; }

.xans-order-form .boardWrite { border:1px solid #70abff; }
.xans-order-form .boardWrite table { table-layout:fixed; color:#747474; font-size:11px; line-height:20px; }
.xans-order-form .boardWrite th { width:140px; padding:12px 0 8px 20px; border-bottom:1px solid #e9e9e9; font-weight:normal; text-align:left; background:#f6f6f6; }
.xans-order-form .boardWrite td { width:auto; padding:8px 0 8px 20px; border-bottom:1px solid #e9e9e9; vertical-align:middle; }
.xans-order-form .boardWrite img { vertical-align:middle; }
.xans-order-form .boardWrite a { text-decoration:none; }
.xans-order-form .boardWrite .address label,
.xans-order-form .boardWrite .gift label { padding:0 20px 0 0; }
.xans-order-form .boardWrite .noMember tr:first-child th,
.xans-order-form .boardWrite .noMember tr:first-child td { border-top:1px solid #e9e9e9; }

.xans-order-form .btnArea { overflow:hidden; position:relative; margin:20px 0 50px; text-align:right; }
.xans-order-form .btnArea span.left { float:left; }
.xans-order-form .btnArea span.right { float:right; }
.xans-order-form .btnArea.center { text-align:center; }
.xans-order-form .btnArea.center span.left { position:absolute; left:0; }
.xans-order-form .btnArea.center span.right { position:absolute; right:0; }
.xans-order-form .btnArea.control { margin-top:10px; }
.xans-order-form .btnArea .ctrlTxt { margin:0 5px 0 0; color:#666; line-height:23px; }

.xans-order-form .controlInfo { margin:20px 0 10px; padding:0 0 13px 20px; border-bottom:2px solid #7f8186; color:#6292db; font-size:11px; }

.xans-order-form .totalArea { padding:0 4px 4px; border:1px solid #70abff; background:#bbd3f7; }
@-moz-document url-prefix() { .xans-order-form .totalArea .summary { margin:0 0 0 1px; } }
.xans-order-form .totalArea .summary table { line-height:1.5; font-size:12px; }
.xans-order-form .totalArea .summary th { padding:5px 6px 5px 10px; border-left:1px solid #95b9ec; color:#516f9b; text-align:left; }
.xans-order-form .totalArea .summary th:first-child { border-left:0; }
.xans-order-form .totalArea .summary th .title { float:left; }
.xans-order-form .totalArea .summary th .more { float:right; }
.xans-order-form .totalArea .summary td { padding:12px 10px 13px 0; border:1px solid #95b9ec; color:#494949; text-align:right; vertical-align:middle; background:#fff; }
.xans-order-form .totalArea .summary td.total { color:#3b86f5; }
.xans-order-form .totalArea .summary td strong { font-size:24px; font-family:tahoma, sans-serif; }
.xans-order-form .totalArea .summary td .box { word-wrap:break-word; word-break:break-all; }
.xans-order-form .totalArea .summary .mark { margin:0 5px 0 0; }
.xans-order-form .totalArea .summary .unit { font-size:24px; }
.xans-order-form .totalArea .summary .price { width:250px; }
.xans-order-form .totalArea .summary .price2 { width:500px; }
.xans-order-form .totalArea .summary .option { width:250px; }
.xans-order-form .totalArea .summary .total { width:250px; }
.xans-order-form .totalArea .detail { background:#fff; border:1px solid #95b9ec; border-top:0; }
.xans-order-form .totalArea .detail h4 { height:40px; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; color:#070705; font-size:12px; line-height:40px; background:#f6f6f6; }
.xans-order-form .totalArea .detail div:first-child h4 { border-top:0; }
.xans-order-form .totalArea .detail h4 strong { display:inline-block; width:160px; padding:0 0 0 20px; }
.xans-order-form .totalArea .detail h4 em { font-style:normal; font-size:14px; }
.xans-order-form .totalArea .detail table { margin:-1px 0 0; color:#494949; line-height:1.5; font-size:12px; }
.xans-order-form .totalArea .detail table img { vertical-align:middle; }
.xans-order-form .totalArea .detail th { width:130px; padding:10px 0 8px 30px; border-top:1px dotted #d3d3d3; font-weight:normal; text-align:left; background:url("http://img.echosting.cafe24.com/design/skin/default_cn/order/ico_total.gif") no-repeat 100% 12px; }
.xans-order-form .totalArea .detail td { padding:8px 0 8px 20px; border-top:1px dotted #d3d3d3; }
.xans-order-form .totalArea .detail span.txtCoupon { color:#78a6ed; font-size:12px; }
.xans-order-form .totalArea .detail ul.info { margin:5px 0 0; }
.xans-order-form .totalArea .detail ul.info li { padding:0 0 0 9px; color:#8f8f8f; font-size:12px; background:url("http://img.echosting.cafe24.com/design/skin/default_cn/order/ico_info.gif") no-repeat 0 5px; }
.xans-order-form .totalArea .detail .couponArea { margin:5px 0 0; }
.xans-order-form .totalArea .detail .couponArea .coupon { padding:0 0 0 9px; color:#8f8f8f; font-size:11px; background:url("http://img.echosting.cafe24.com/design/skin/default_cn/order/ico_info.gif") no-repeat 0 5px; }
.xans-order-form .totalArea .detail .mileage { margin:0 0 10px; padding:0 0 7px; border-bottom:1px dotted #cdcdcd; color:#000; font-size:12px; }
.xans-order-form .totalArea .detail .mileage label { padding:0 20px 0 0; }
.xans-order-form .totalArea .detail .naverInfo { margin:10px 0 0; width:540px; padding:15px 0 15px 15px; border:1px solid #e6e6e6; background:#f6f6f6; font-size:12px; line-height:18px; color:#2e2e2e; }
.xans-order-form .totalArea .detail .naverInfo .title { display:block; margin:0 0 15px; }
.xans-order-form .totalArea .detail .naverInfo .subTitle { display:block; padding:15px 0 0 7px; background:url("http://img.echosting.cafe24.com/design/skin/default_cn/order/ico_naver_help.gif") no-repeat 0 21px; font-weight:normal; font-size:12px; }
.xans-order-form .totalArea .detail .naverInfo p {}
.xans-order-form .totalArea .detail .naverInfo p img { vertical-align:middle; }
.xans-order-form .totalArea .detail .naverInfo ol { margin:0 0 0 20px; color:#8b8b8c; }
.xans-order-form .totalArea .detail .naverInfo li { list-style:decimal; }
.xans-order-form .totalArea .detail .okcashbag strong { display:block; margin:15px 0 4px; font-weight:normal; }
.xans-order-form .totalArea .detail .okcashbag p { margin:6px 0 0; color:#b9b9b9; }

.xans-order-form .payArea { padding:4px; border:1px solid #70abff; background:#bbd3f7; }
.xans-order-form .payArea .payInner { overflow:hidden; padding:0 235px 0 0; border:1px solid #95b9ec; background:#fff url("http://img.echosting.cafe24.com/design/skin/default_cn/order/bg_payment.gif") repeat-y 100% 0; }
.xans-order-form .payArea .payment { float:left; width:100%; }
.xans-order-form .payArea .method { padding:20px 14px; border-bottom:1px solid #dedede; font-weight:bold; background:#f6f6f6; }
.xans-order-form .payArea .method label { padding:0 20px 0 0; }
.xans-order-form .payArea .info { padding:0 10px 0 14px; color:#747474; }
.xans-order-form .payArea .info table { margin:18px 0; }
.xans-order-form .payArea .info th { width:115px; padding:5px 0 0; font-weight:normal; font-size:12px; text-align:left; }
.xans-order-form .payArea .info td { padding:2px 0; }
.xans-order-form .payArea .info td .grid { margin:4px 0 0; }
.xans-order-form .payArea .info .payHelp { display:none; padding:18px 0 18px 15px; line-height:18px; background:url("http://img.echosting.cafe24.com/design/skin/default_cn/common/ico_caution2.gif") no-repeat 0 21px; }
.xans-order-form .payArea .agree { margin:0 0 -1px; border-top:1px solid #95b9ec; color:#747474; }
.xans-order-form .payArea .agree table { font-size:12px; }
.xans-order-form .payArea .agree th { width:115px; padding:20px 0 20px 14px; border-top:1px dotted #d3d3d3; text-align:left; }
.xans-order-form .payArea .agree td { padding:20px 10px 20px 0; border-top:1px dotted #d3d3d3; }
.xans-order-form .payArea .agree td textarea { width:245px; height:58px; padding:0; border:1px solid #d9d9d9; }
.xans-order-form .payArea .agree .check { float:left; margin:0 7px 0 0; }
.xans-order-form .payArea .agree .subscription th,
.xans-order-form .payArea .agree .subscription td { border-top:0; }
.xans-order-form .payArea .agree .guarantee {}
.xans-order-form .payArea .agree .guarantee div { margin:0 0 10px; line-height:18px; }
.xans-order-form .payArea .agree .insurance { margin:0 0 0 5px; }
.xans-order-form .payArea .agree .personal { margin:15px 10px 0 0; padding:5px 0 0 0; border-top:1px dotted #d3d3d3; }
.xans-order-form .payArea .agree .personal li { margin:10px 0 0; }
.xans-order-form .payArea .agree .personal strong { display:inline-block; width:108px; padding:0 6px 0 0; font-weight:normal; text-align:right; }
.xans-order-form .payArea .agree .personal p { padding:10px 0 0 118px; }
.xans-order-form .payArea .total { float:right; width:215px; margin:0 -235px 0 0; padding:20px 10px; text-align:right; }
.xans-order-form .payArea .total h4 { color:#000; font-size:12px; font-weight:normal; }
.xans-order-form .payArea .total .price { margin:13px 0 0; color:#3a85f4; }
.xans-order-form .payArea .total .price input { padding:0; border:0; color:#3a85f4; font-size:24px; font-family:tahoma, sans-serif; font-weight:bold; background:#f6f6f6; }
.xans-order-form .payArea .total .price span { vertical-align:-5px; }
.xans-order-form .payArea .total .button { margin:16px 0 0; }
.xans-order-form .payArea .total .mileage { margin:10px 0 0; padding:11px 10px 13px; border:1px solid #e9e9e9; background:#fff; }
.xans-order-form .payArea .total .mileage strong { float:left; font-weight:normal; }
.xans-order-form .payArea .total .mileage span { float:right; }
.xans-order-form .payArea .total .mileage p { overflow:hidden; color:#070705; }
.xans-order-form .payArea .total .mileage p span { font-weight:bold; }
.xans-order-form .payArea .total .mileage ul { margin:8px 0 0; padding:6px 0 0; border-top:1px dotted #b8b8b8; color:#8f8f8f; line-height:20px; }
.xans-order-form .payArea .total .mileage li { overflow:hidden; padding:0 0 0 6px; background:url("http://img.echosting.cafe24.com/design/skin/default_cn/order/ico_pay_list.gif") no-repeat 0 7px; }

/* 이용안내 */
.xans-order-form .guide { margin:50px 0 0; }
.xans-order-form .guide li { margin-top:2px; }

/* INPUT SIZE */
.xans-order-form #ozipcode1,
.xans-order-form #ozipcode2,
.xans-order-form #rzipcode1,
.xans-order-form #rzipcode2 { width:40px; text-align:center; }
.xans-order-form #oaddr1,
.xans-order-form #oaddr2,
.xans-order-form #raddr1,
.xans-order-form #raddr2 { width:280px; margin:5px 0 0; }
.xans-order-form #oemail { width:196px; margin:0 0 7px; }
.xans-order-form #oemail1 { margin:0 4px 0 0; }
.xans-order-form #oemail2 { margin:0 4px; }

.xans-order-form #ophone1_1,
.xans-order-form #ophone2_1,
.xans-order-form #rphone1_1,
.xans-order-form #rphone2_1 { width:60px; }
.xans-order-form #ophone1_2,
.xans-order-form #ophone1_3,
.xans-order-form #ophone2_2,
.xans-order-form #ophone2_3,
.xans-order-form #rphone1_2,
.xans-order-form #rphone1_3,
.xans-order-form #rphone2_2,
.xans-order-form #rphone2_3 { width:50px; margin:0 4px; }
.xans-order-form #omessage,
.xans-order-form #nm_terms,
.xans-order-form #daum_terms,
.xans-order-form #question,
.xans-order-form #delivery_info_offer_content,
.xans-order-form #fdelivery_info_offer_content { width:510px; height:60px; }

.xans-order-form #hdateY,
.xans-order-form #fhdateY { width:60px; margin:0 9px 0 0; }
.xans-order-form #hdateM,
.xans-order-form #hdateD,
.xans-order-form #hdateW,
.xans-order-form #fhdateM,
.xans-order-form #fhdateD { width:50px; margin:0 9px 0 14px }
.xans-order-form #fhdateW { margin:0 9px; }

.xans-order-form #input_mile,
.xans-order-form #either_input_mile,
.xans-order-form #input_deposit { width:100px; text-align:right; font-weight:bold; }

.xans-order-form #order_password,
.xans-order-form #order_password_confirm { width:140px; }
.xans-order-form #question_passwd,
.xans-order-form #ocity,
.xans-order-form #ostate { width:120px; }

.xans-order-form #escrow_terms { width:400px; }
.xans-order-form #eguarantee_year { width:30px; }
.xans-order-form #eguarantee_month { width:20px; }
.xans-order-form #eguarantee_day { width:20px; }
.xans-order-form #bankaccount { width:380px; }

#divNvPointInfo { display:none; position:absolute; z-index:99; width:245px; padding:10px; color:#777; font-size:12px; line-height:14px; background:#fff; border:1px solid #5B9761; }
#divNvPointInfo a { display:block; padding:5px 0 0; color:#1ec228; }
#divNvPointInfo a img { vertical-align:middle; }
#imgNaverMileageHelp { cursor:pointer; }

/* 레이어(공통) */
.orderLayer { display:none; overflow:hidden; position:absolute; z-index:100; width:260px; border:1px solid #7f8186; color:#000; }
.orderLayer h3 { height:39px; padding:0 35px 0 19px; color:#fefefe; font-size:14px; line-height:39px; background-color:#666; }
.orderLayer .content { padding:20px; background-color:#fff; }
.orderLayer .close { position:absolute; right:14px; top:12px; }
.orderLayer .close img { cursor:pointer; }

.orderLayer .content p { font-size:16px; font-weight:bold; text-align:right; }
.orderLayer .content ul { margin:8px 0 0; padding:6px 0 0; border-top:1px dotted #b8b8b8; color:#8f8f8f; line-height:25px; }
.orderLayer .content li { overflow:hidden; padding:0 0 0 6px; background:url("http://img.echosting.cafe24.com/design/skin/default_cn/order/ico_pay_list.gif") no-repeat 0 9px; }
.orderLayer .content li strong { float:left; font-weight:normal; }
.orderLayer .content li span { float:right; }

/* 전자보증보험 안내 레이어 */
.orderInsurance { display:none; overflow:hidden; position:absolute; z-index:100; width:380px; border:1px solid #7f8186; color:#747474; }
.orderInsurance h3 { height:39px; padding:0 35px 0 19px; color:#fefefe; font-size:14px; line-height:39px; background-color:#666; }
.orderInsurance .content { padding:20px; background-color:#fff; }
.orderInsurance .close { position:absolute; right:14px; top:12px; }
.orderInsurance .close img { cursor:pointer; }

.orderInsurance .content h4 { padding:0 0 15px 15px; color:#000; font-size:12px;background:url("http://img.echosting.cafe24.com/design/skin/default_cn/common/ico_caution2.gif") no-repeat 0 1px; }
.orderInsurance .content h4 span { color:#747474; font-size:12px; font-weight:normal; }
.orderInsurance .content p { font-size:12px; line-height:16px; }